<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>设置不同元素的背景色</title>
</head>

<body>

    <head>
        <style>
            h1 {
                background-color: green;
            }
            
            div {
                background-color: lightblue;
            }
            
            p {
                background-color: yellow;
            }
        </style>
    </head>

    <h1>CSS background-color 实例</h1>

    <div>
        这是 div 元素内的文本。
        <p>本段有其自己的背景色。</p>
        我们仍然在 div 元素中。
    </div>


</body>

</html>